<template>
  <div id="app">
    <router-view />
    <!-- <service-worker-update-popup /> -->
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator'
//import ServiceWorkerUpdatePopup from '@/pwa/components/ServiceWorkerUpdatePopup.vue'
enum Color {
  Red,
  Green,
  Blue,
  Pink
};
@Component({
  name: 'App',
  components: {
    /* ServiceWorkerUpdatePopup */
  }
})
export default class extends Vue {
  private zzh: string = "hello,world!!!";
  private hahahehe: number = 123;
  private isBool: boolean = true;
  private arr: number[] = [1];
  private arr2: Array<string> = ['riririri'];
  //
  public color: Color = Color.Blue;
  public color2: Color = Color.Pink;
  //
  created(){
    let someValue: any = "1111111";

    let svLen = (<string>someValue).length;
    console.log(svLen);
    console.log(this.color);
    console.log(this.zzh);
    console.log(this.hahahehe);
    console.log(this.arr2);
  }
}
</script>
